<!DOCTYPE html>
<html>
	<head>
		<!-- ---------------------- 模板 ---------------------- -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link href="css/framework/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="css/framework/reset.css" rel="stylesheet">
		<link href="css/framework/main.css" rel="stylesheet">
		<link href="css/framework/header.css" rel="stylesheet">
		<link href="css/framework/footer.css" rel="stylesheet">
		<script src="js/payment.js"></script>
		<title>饿了么 在线支付</title>
		<!-- ---------------------- 开发 ---------------------- -->
		<link href="css/payment.css" rel="stylesheet">
	</head>
	<body>
		<div class="wrapper">
			<header><p>在线支付</p></header>
			<!-- 订单信息部分 -->
			<h3>订单信息</h3>
			<div class="order-info">
				<p>沪上阿姨（大连民族大学店）
				<i class="fa fa-caret-down" id="showBtn"></i>
				<!-- <input type="button" id="showBtn"> -->
	            </p>
			    <p>&#165;35</p>
			</div>

			<!-- 订单明细部分 -->
			<ul class="order-detailet">
	    	    <li>
	    		<p>满杯鲜橙橙（大杯）</p>
	    		<p>&#165;18</p>
	    	    </li>
              <li>
	    		<p>手酿谷谷酸奶（胶囊杯）</p>
	    		<p>&#165;17</p>
	    	</li>
	    	<li>
	    		<p>配送费</p>
        	<p>&#165;0</p>
           </li>
	       </ul>
			



	       <!-- 支付方式 -->
	       <ul class="payment-type">
	       	  <li>
	       	  	<img src="img/alipay.png">
	       	  </li>
	       	  <li>
	       	  	<img src="img/wechat.png">
	       	  	<i class="fa fa-check-circle"></i> 
	       	  </li>
	       </ul>
	      

          <div class="payment-button">
	       	<button>
	       		确认支付
	       	</button>
	       </div>
        

      <ul class="footer">
	<li onclick="location.href='index.html'">
		<i class="fa fa-home"></i>
		<!-- <img src="img/d_1.png"> -->
		<p>首页</p>
	</li>
    <li>
		<i class="fa fa-compass"></i>
		<!-- <img src="img/d_2.png"> -->
		<p>发现</p>
	</li>
	<li onclick="location.href='orderList.html'">
		<i class="fa fa-file-text-o"></i>
		<!-- <img src="img/d_3.png"> -->
		<p>订单</p>
	</li>

		<!-- <i class="fa fa-user-o"></i> -->
		<li onclick="location.href='login.html'">
		<img src="img/d_4.png">
		<p>我的</p>
	</li>
</ul>
        


</div>

	</body>
</html>
